@CHARSET "UTF-8";

.intro-flow{
}
.intro-list{

}
.intro-img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	float: left;
}
.content{
	padding-left: 70px;
}
.content p{
	margin-top: 10px;
}

.intro-list-left{
	float: left;
	text-align: right;
	width: 20%;
	font-size: 16px;
	font-weight: bold;
	font-family: 微软雅黑;
	color: #333333;
	padding: 8px;
}
.intro-list-right{
	float: left;
	width: 70%;
	text-align: left;
	padding-bottom: 30px;
	background: url(../img/ling-bg.jpg) repeat-y 13px;

}
.intro-list-last .intro-list-right{
	padding-bottom: 0px;
	background: url(../img/ling-bg.jpg) repeat-y 13px;
}

.intro-list-right>span{
	float: left;
	background: url(../img/circle.png);
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	display: block;

}
.intro-list-content{
	float: left;
	border: 1px solid #A8E0DC;
	border-radius: 6px;
	background-color: #F2FFFC;
	color: #666666;
	font-size: 13px;
	padding: 10px 20px;
	position: relative;
	left: 25px;
	width: 80%;
	line-height: 18px;

}
.intro-list-content:before,.intro-list-content:after{
	content:"";
	border-width:9px;
	position:absolute;
	left:-18px;
	border-style:solid dashed dashed;
	border-color:transparent #A8E0DC transparent transparent;
}
.intro-list-content:after{
	left:-17px;
	top: 10px;
	border-color:transparent #F2FFFC transparent transparent;
}
.intro-list-active>.intro-list-left{
	color: #ff6600;

}
.intro-list-active>.intro-list-right>span{
	background: url(../img/circle-active.png);
}

.intro-list-active .intro-list-content{
	border-color: #FFB48F;
	background-color:#FFF8F0;
}
.intro-list-active .intro-list-content:before,.intro-list-active .intro-list-content:after{
	border-color:transparent #FFB48F transparent transparent;
}
.intro-list-active .intro-list-content:after{
	border-color:transparent #FFF8F0 transparent transparent;
}
